<template>
	<div id="index">
		
		<img src="../../static/img/banner1.png" class="img-responsive pc-bg" />
		<img src="../../static/img/m-banner1.png" class="img-responsive m-bg" />
		<!--container-->
		<div class="container center">
			<div class="index-box">
				<div class="item-box1">
					<div>
						<div class="box-title">
							<span class="h4">学院动态</span>
							<div class="more">
								<router-link to="sco_dyn">
									<span>更多</span>
									<i class="iconfont icon-jiahao"></i>							
								</router-link>
							</div>
						</div>
						<ul class="list-unstyled">
							<li>
								<i class="iconfont icon-iconfontbbgxiayiji"></i>
								<span class="h5">2018年高职提前招生简章 </span>
								<span class="h6">	08-12</span>
							</li>
							<li>
								<i class="iconfont icon-iconfontbbgxiayiji"></i>
								<span class="h5">2018面向普通高中考生招...</span>
								<span class="h6">08-12</span>
							</li>
							<li>
								<i class="iconfont icon-iconfontbbgxiayiji"></i>
								<span class="h5">2018年面向中职学生注册... </span>
								<span class="h6">08-12</span>
							</li>
							<li>
								<i class="iconfont icon-iconfontbbgxiayiji"></i>
								<span class="h5">2018年高职提前招生简章 </span>
								<span class="h6">08-12</span>
							</li>
							<li>
								<i class="iconfont icon-iconfontbbgxiayiji"></i>
								<span class="h5">2018面向普通高中考生招...</span>
								<span class="h6">08-12</span>
							</li>
							<li>
								<i class="iconfont icon-iconfontbbgxiayiji"></i>
								<span class="h5">2018年面向中职学生注册... </span>
								<span class="h6">08-12</span>
							</li>
						</ul>
					</div>
					<span></span>
					<div>
						<div class="box-title">
							<span class="h4">招生快讯</span>
							<div class="more">
								<span>更多</span>
								<i class="iconfont icon-jiahao"></i>							
							</div>
						</div>
						<ul class="list-unstyled">
							<li>
								<i class="iconfont icon-iconfontbbgxiayiji"></i>
								<span class="h5">报考扬州中瑞酒店职业学院常见问题释疑 </span>
								<span class="h6">08-12</span>
							</li>
							<li>
								<i class="iconfont icon-iconfontbbgxiayiji"></i>
								<span class="h5">扬州中瑞酒店职业学院-新生入学须知</span>
								<span class="h6">08-12</span>
							</li>
							<li>
								<i class="iconfont icon-iconfontbbgxiayiji"></i>
								<span class="h5">扬州中瑞酒店职业学院“校园开放日”火热举行</span>
								<span class="h6">08-12</span>
							</li>
							<li>
								<i class="iconfont icon-iconfontbbgxiayiji"></i>
								<span class="h5">瑞士洛桑酒店管理学院选派教授来我院进行QLF培训 </span>
								<span class="h6">08-12</span>
							</li>
							<li>
								<i class="iconfont icon-iconfontbbgxiayiji"></i>
								<span class="h5">我院是中国唯一全面引进“洛桑教学模式”的高职院校</span>
								<span class="h6">08-12</span>
							</li>
							<li>
								<i class="iconfont icon-iconfontbbgxiayiji"></i>
								<span class="h5">2017年提前招生综合素质测试考生须知</span>
								<span class="h6">08-12</span>
							</li>
						</ul>
					</div>
				</div>
				<div class="index-box-right">
					<div>
						<label class="text-center h4">快速通道</label>
						<div>
							<router-link to="/sign_online">
								<i class="k1"></i>
								<span>在线报名</span>
							</router-link>
						</div>
						<div>
							<router-link to="/admission_query">
								<i class="k2"></i>
								<span>录取查询</span>
							</router-link>
						</div>
						<div>
							<router-link to="/admission_information">
								<i class="k3"></i>
								<span>入学须知</span>
							</router-link>	
						</div>
						<div>
							<a target="_blank"  href="http://wpa.qq.com/msgrd?v=3&uin=1810533097&site=qq&menu=yes" >
								<i class="k4"></i>
								<span>在线咨询</span>
							</a>		
						</div>
					</div>
				</div>
			</div>
			<!--mobail-->
			<div class="m-item-box">
				<div class="index-box-right">
					<img src="../../static/img/box-bg.png" class="img-responsive pc-bg"/>
					<img src="../../static/img/m-box-bg.png" class="img-responsive m-bg"/>
					<div>
						<label class="text-center h4">快速通道</label>
						<div>
							<router-link to="/sign_online">
								<i class="k1"></i>
								<span>在线报名</span>
							</router-link>
						</div>
						<div>
							<router-link to="/admission_query">
								<i class="k2"></i>
								<span>录取查询</span>
							</router-link>
						</div>
						<div>
							<router-link to="/admission_information">
								<i class="k3"></i>
								<span>入学须知</span>
							</router-link>	
						</div>
						<div>
							<router-link to="/admission_query">
								<i class="k4"></i>
								<span>在线咨询</span>
							</router-link>	
						</div>
					</div>
				</div>
				<div class="item-box1">
					<div>
						<div class="box-title">
							<span class="h4">报考指南</span>
							<div class="more">
								<span>更多</span>
								<i class="iconfont icon-jiahao"></i>							
							</div>
						</div>
						<ul class="list-unstyled">
							<li>
								<i class="iconfont icon-shuangyou"></i>
								<span class="h5">2018年高职提前招生简章 </span>
								<span class="h6">	08-12</span>
								<div></div>
							</li>
							<li>
								<i class="iconfont icon-iconfontbbgxiayiji"></i>
								<span class="h5">2018面向普通高中考生招...</span>
								<span class="h6">08-12</span>
							</li>
							<li>
								<i class="iconfont icon-iconfontbbgxiayiji"></i>
								<span class="h5">2018年面向中职学生注册... </span>
								<span class="h6">08-12</span>
							</li>
							<li>
								<i class="iconfont icon-iconfontbbgxiayiji"></i>
								<span class="h5">2018年高职提前招生简章 </span>
								<span class="h6">08-12</span>
							</li>
							<li>
								<i class="iconfont icon-iconfontbbgxiayiji"></i>
								<span class="h5">2018面向普通高中考生招...</span>
								<span class="h6">08-12</span>
							</li>
							<li>
								<i class="iconfont icon-iconfontbbgxiayiji"></i>
								<span class="h5">2018年面向中职学生注册... </span>
								<span class="h6">08-12</span>
							</li>
						</ul>
					</div>
					<div>
						<div class="box-title">
							<span class="h4">招生快讯</span>
							<div class="more">
								<router-link to="/register_guide">
									<span>更多</span>
									<i class="iconfont icon-jiahao"></i>							
								</router-link>
							</div>
						</div>
						<ul class="list-unstyled">
							<li>
								<i class="iconfont icon-iconfontbbgxiayiji"></i>
								<span class="h5">报考扬州中瑞酒店职业学院常见问题释疑 </span>
								<span class="h6">08-12</span>
							</li>
							<li>
								<i class="iconfont icon-iconfontbbgxiayiji"></i>
								<span class="h5">扬州中瑞酒店职业学院-新生入学须知</span>
								<span class="h6">08-12</span>
							</li>
							<li>
								<i class="iconfont icon-iconfontbbgxiayiji"></i>
								<span class="h5">扬州中瑞酒店职业学院“校园开放日”火热举行</span>
								<span class="h6">08-12</span>
							</li>
							<li>
								<i class="iconfont icon-iconfontbbgxiayiji"></i>
								<span class="h5">瑞士洛桑酒店管理学院选派教授来我院进行QLF培训 </span>
								<span class="h6">08-12</span>
							</li>
							<li>
								<i class="iconfont icon-iconfontbbgxiayiji"></i>
								<span class="h5">我院是中国唯一全面引进“洛桑教学模式”的高职院校</span>
								<span class="h6">08-12</span>
							</li>
							<li>
								<i class="iconfont icon-iconfontbbgxiayiji"></i>
								<span class="h5">2017年提前招生综合素质测试考生须知</span>
								<span class="h6">08-12</span>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="container center">
			<div class="tese">
				<div>
					<i class="iconfont icon-shu"></i>
					<span class="h4">特色专业</span>
				</div>
				<div class="tese-box">
					<div>
						<router-link to="/special_major_accouting">
							<img src="../../static/img/bg1.png" class="img-responsive" />
						</router-link>
					</div>
					<div>
						<router-link to="/special_major_artdesign">
							<img src="../../static/img/bg2.png" class="img-responsive" />
						</router-link>
					</div>
					<div>
						<router-link to="/special_major_insidedesign">
							<img src="../../static/img/bg3.png" class="img-responsive" />
						</router-link>
					</div>
					<div>
						<router-link to="/special_major_soft">
							<img src="../../static/img/bg4.png" class="img-responsive" />
						</router-link>
					</div>
					<div>
						<router-link to="/special_major_net">
							<img src="../../static/img/bg5.png" class="img-responsive" />
						</router-link>
					</div>
				</div>
			</div>
		</div>
		<div class="container center">
			<div class="index-box2">
				<div>
					<div class="box-title">
						<span class="h4">新生答疑</span>
						<div class="more">
							<router-link to="/question_answer">
								<span>更多</span>
								<i class="iconfont icon-jiahao"></i>							
							</router-link>
						</div>
					</div>
					<div class="question-item">
						<p>
							<i>Q</i><span class="h5">：</span><span class="h5">请问贵校是什么性质的学校？</span>
						</p>
						<p>
							<i>A</i><span class="h6">：</span><span class="h6">我院是国家教育部备案正式成立的一所全日制普通高等职业学院，大专层次，学...</span>
						</p>
					</div>
					<div class="question-item">
						<p>
							<i>Q</i><span class="h5">：</span><span class="h5">请问贵校是什么性质的学校？</span>
						</p>
						<p>
							<i>A</i><span class="h6">：</span><span class="h6">我院是国家教育部备案正式成立的一所全日制普通高等职业学院，大专层次，学...</span>
						</p>
					</div>
					<div class="question-item">
						<p>
							<i>Q</i>
								<span class="h5">：</span><span class="h5">请问贵校是什么性质的学校？</span>
						</p>
						<p>
							<i>A</i><span class="h6">：</span><span class="h6">我院是国家教育部备案正式成立的一所全日制普通高等职业学院，大专层次，学...</span>
						</p>
					</div>
				</div>
				<span></span>
				<div class="index-box index-box1">
					<div class="box-title">
						<span class="h4">就业时讯</span>
						<div class="more">
							<router-link to="/employment_newsletter">
								<span>更多</span>
								<i class="iconfont icon-jiahao"></i>							
							</router-link>
						</div>
					</div>
					<ul class="list-unstyled">
						<li>
							<i class="iconfont icon-iconfontbbgxiayiji"></i>
							<span class="h5">报考扬州中瑞酒店职业学院常见问题释疑 </span>
							<span class="h6">08-12</span>
						</li>
						<li>
							<i class="iconfont icon-iconfontbbgxiayiji"></i>
							<span class="h5">扬州中瑞酒店职业学院-新生入学须知</span>
							<span class="h6">08-12</span>
						</li>
						<li>
							<i class="iconfont icon-iconfontbbgxiayiji"></i>
							<span class="h5">扬州中瑞酒店职业学院“校园开放日”火热举行</span>
							<span class="h6">08-12</span>
						</li>
						<li>
							<i class="iconfont icon-iconfontbbgxiayiji"></i>
							<span class="h5">瑞士洛桑酒店管理学院选派教授来我院进行QLF培训 </span>
							<span class="h6">08-12</span>
						</li>
						<li>
							<i class="iconfont icon-iconfontbbgxiayiji"></i>
							<span class="h5">我院是中国唯一全面引进“洛桑教学模式”的高职院校</span>
							<span class="h6">08-12</span>
						</li>
						<li>
							<i class="iconfont icon-iconfontbbgxiayiji"></i>
							<span class="h5">2017年提前招生综合素质测试考生须知</span>
							<span class="h6">08-12</span>
						</li>
					</ul>
				</div>
				<span></span>
				<div>
					<div class="box-title">
						<span class="h4">师资队伍</span>
					</div>
					<div class="swiper-container shizi">
				        <div class="swiper-wrapper">
				            <div class="swiper-slide">
				            	<img src="../../static/img/t1.png" class="img-responsive" />
				            </div>
				            <div class="swiper-slide">
				            	<img src="../../static/img/t2.png" class="img-responsive" />
				            </div>
				           <div class="swiper-slide">
				            	<img src="../../static/img/t3.png" class="img-responsive" />
				            </div>
				            <div class="swiper-slide">
				            	<img src="../../static/img/t4.png" class="img-responsive" />
				            </div>
				            <div class="swiper-slide">
				            	<img src="../../static/img/t5.png" class="img-responsive" />
				            </div>
				            <div class="swiper-slide">
				            	<img src="../../static/img/t6.png" class="img-responsive" />
				            </div>
				        </div>
				        <!-- Add Arrows -->
				        <div class="swiper-button-next carousel-control"><!--<span class="iconfont icon-gengduo"></span>--></div>
				        <div class="swiper-button-prev carousel-control"><!--<span class="iconfont icon-gengduo-copy"></span>--></div>
					</div>
				</div>
			</div>
		</div>

		<img src="../../static/img/banner2.png" class="img-responsive pc-bg foot-banner" alt="">
		<img src="../../static/img/m-banner2.png" class="img-responsive m-bg foot-banner" alt="">
	</div>
</template>

<script>
	import swiper from 'swiper'
	export default{
		created(){
			document.title = "扬州中瑞酒店职业学院互联网学院招生网";
		},
		mounted(){
			this.lunbo();
		},
		methods:{
			lunbo(){
				var swiper = new Swiper('.swiper-container', {
					effect: 'coverflow',
	                loop: true,
	                speed: 600,
	                autoplay: 4000,
	                coverflow: {
					    rotate: 0,// 旋转的角度  
					    stretch: 200,// 拉伸   图片间左右的间距和密集度  
					    depth: 200,// 深度   切换图片间上下的间距和密集度  
					    modifier: 1,// 修正值 该值越大前面的效果越明显  
					    slideShadows : false// 页面阴影效果  
					  },
			        nextButton: '.swiper-button-next',
        			prevButton: '.swiper-button-prev',
	                
	            });
			}
		}
	}
</script>

<style>
</style>